.ygc-create-modal {
    position: absolute;
    top: 50%;
    margin: -150px auto 0;
    height: 300px;
    width: 410px !important;
    overflow-x: hidden;
    overflow-y: hidden;

    .u-modal-content {
        width: 410px !important;

        .u-modal-title {
            position: absolute;
            top: 50%;
            left: 15px;
            line-height: normal;
            margin-top: -10px;
        }

        .u-close {
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -13px
        }

        .u-modal-header {
            position: relative;
            height: 40px;
            padding: 0;
            background-color: #f3f3f3;
        }

        .u-modal-body {
            height: 98px;
            padding: 0;

            .message-box {
                display: flex;
                align-items: center;
                font-size: 18px;
                margin-left: 45px;
                color: #111;
                margin-top: 15px;
                .message-icon {
                    margin-right: 20px;
                    font-size: 25px;
                    color: #ffbf00;
                }
            }
            .message-detail{
                padding: 5px 10px 0 100px;
                color: #555;
                font-size: 13px;
                box-sizing: border-box;
            }
        }

        .u-modal-footer {
            display: flex;
            align-items: center;
            border-top: 1px solid #d0d0d0;
            height: 45px;
            padding: 0;
            justify-content: flex-end;
            .cancel-btn{
                margin-right: 20px;
                margin-left: 5px;
            }
        }
    }
}